<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Document</title>
</head>

<body>
  <form>
    <input type="text" name="username" placeholder="请输入用户名" /><br />
    <input type="text" name="password" placeholder="请输入密码" /><br />
    <button type="submit">登录</button>
  </form>
</body>
<script src="./axios.js"></script>
<script src="./form-serialize.js"></script>
<script>
  const form=document.querySelector('form')
  form.addEventListener('submit',function(e){
    e.preventDefault()
    const data=serialize(this,{hash:true})
    // const data1=serialize(this,{hash:false})
    axios.post('http://ajax-api.itheima.net/api/login',data)
    .then(({data:res})=>{
      console.log(res);
    })
  })
</script>

</html>